<style type="text/less">
    @import "/web/public/public.less";
    #information.course{
        display: inline-block;
        vertical-align: top;
        width: 350px;
        margin-left: 25px;
        .title{
            border-bottom: 1px solid #eeeeee;
            .title_txt{
                font-size: 20px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 2px;
                color: #333333;
                border-left: 5px solid #5d5d5d;
                margin-bottom: 20px;
                padding-left: 10px;
                display:inline-block;
            }
            .more{
                float: right;
                font-size: 14px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 0px;
                color: #7f7f7f;
                margin-top: 4px;
            }
        }
        .center{
            margin-top: 20px;
            ul{
                li{
                    a{
                        color: #333333;
                        .rate{
                            width: 6px;
                            height: 6px;
                            background: #eeeeee;
                            border-radius: 50%;
                            display:inline-block;
                            vertical-align: middle;
                            margin-right: 12px;
                        }
                        h3{
                            font-size: 14px;
                            font-weight: normal;
                            font-stretch: normal;
                            line-height: 26px;
                            letter-spacing: 0px;
                            display: inline-block;
                            width: 310px;
                            vertical-align: middle;
                            .ellipsis
                        }
                        &:hover{
                            color: #e60012;
                        }
                    }

                }
            }
            ul:nth-child(n+2){
                margin-top: 40px;
            }
        }
    }
</style>
<script src="/web/lib/less.min.js"></script>
<#if channel.channelStatus == 1>
    <div id="information" class="course">
        <div class="title">
            <h2 class="title_txt">
                <a href="${"${domainJunDui}/web/armyList/1.html?id=${channel.channelValue}&column=${channel.channelName}"}" target="_blank" title="${channel.channelName}">${channel.channelName}</a>
            </h2>
            <a class="more" href="${"${domainJunDui}/web/armyList/1.html?id=${channel.channelValue}&column=${channel.channelName}"}" target="_blank" title="${channel.channelName}">更多></a>
        </div>
        <div class="center">
            <#list 0..(list?size/5) as i>
                <ul>
                    <#list (i*5)..((i+1)*5-1) as j>
                        <#if list[j]??>
                            <li>
                                <#if list[j].articleOutLinkStatus == 1>
                                    <a href="${list[j].articleOutLink}" target="_blank" title="${list[j].articleTitle}">
                                        <div class="rate"></div>
                                        <h3>${list[j].articleTitle}</h3>
                                    </a>
                                <#else>
                                    <a href="${list[j].articleUrl}" target="_blank" title="${list[j].articleTitle}">
                                        <div class="rate"></div>
                                        <h3>${list[j].articleTitle}</h3>
                                    </a>
                                </#if>
                            </li>
                        </#if>
                    </#list>
                </ul>
            </#list>
        </div>
    </div>
</#if>